﻿<phone:PhoneApplicationPage 
     xmlns:my="clr-namespace:Microsoft.Advertising.Mobile.UI;assembly=Microsoft.Advertising.Mobile.UI"  
    x:Class="HomeBuyerTools.Views.Result.ResultPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:Custom="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
    xmlns:im="clr-namespace:Microsoft.Expression.Interactivity.Media;assembly=Microsoft.Expression.Interactions" 
   xmlns:wb="clr-namespace:HomeBuyerTools"
    xmlns:ic="clr-namespace:Microsoft.Expression.Interactivity.Core;assembly=Microsoft.Expression.Interactions" 
    xmlns:abt1="clr-namespace:CommonControls"
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait"  Orientation="Portrait"
    shell:SystemTray.IsVisible="False" Loaded="PhoneApplicationPage_Loaded">
    <phone:PhoneApplicationPage.Resources>


        <DataTemplate x:Key="ItemTemplate1">
            <StackPanel>
                <TextBlock Text="{Binding name}" Margin="0,0,0,40"/>
            </StackPanel>
        </DataTemplate>
    </phone:PhoneApplicationPage.Resources>
    <!--LayoutRoot contains the root grid where all other page content is placed-->
    <Grid x:Name="LayoutRoot">
        <!--<controls:Panorama  x:Name="panoramaMain">-->
            <!--<controls:Panorama.Foreground>
                white
            </controls:Panorama.Foreground>-->
            <!--<controls:Panorama.Title>
                <StackPanel Orientation="Horizontal" Margin="0,80,0,0">
                    <Image x:Name="imgLogo" Width="101" Height="132" Margin="10,0,0,0"/>
                    <Image x:Name="imgTitle"  Width="915" Height="151" Margin="10,5,0,0"></Image>
                </StackPanel>
            </controls:Panorama.Title>-->
            <controls:Panorama x:Name="panoramaMain">
                <controls:Panorama.Background>
                <ImageBrush ImageSource="/Images/Panorama/Background.jpg"/>
                </controls:Panorama.Background>
                <controls:Panorama.Foreground>white</controls:Panorama.Foreground>
                <controls:Panorama.Title>
                    <StackPanel Orientation="Horizontal" Margin="0,80,0,0">
                    <Image x:Name="imgLogo" Style="{StaticResource imagelogo}" Width="101" Height="132" Margin="10,0,0,0"/>
                    <Image x:Name="imgTitle"  Style="{StaticResource Title}"  Width="915" Height="151" Margin="10,10,0,0"></Image>
                </StackPanel>
                </controls:Panorama.Title>
                <!--Panorama item mortgage payment-->
            <controls:PanoramaItem x:Name="MortgagePayment">
                <controls:PanoramaItem.Header>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="mortgage payment" FontSize="38"></TextBlock>
                        <!--<wb:ThemeableImage  Source="/Images/appbar.feature.settings.rest.png" Width="48" Margin="50,10,0,0" Height="48" MouseLeftButtonDown="Imagemortgage_MouseLeftButtonDown"></wb:ThemeableImage>-->
                        <Image Source="/Images/appbar.feature.settings.rest.png" Width="48" Margin="30,10,0,0" Height="48" MouseLeftButtonDown="Imagemortgage_MouseLeftButtonDown"   ></Image>
                    </StackPanel>
                </controls:PanoramaItem.Header>
                <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"></RowDefinition>
                        <RowDefinition Height="Auto"></RowDefinition>
                        <RowDefinition Height="*"></RowDefinition>
                        <RowDefinition Height="Auto"></RowDefinition>
                    </Grid.RowDefinitions>
                    <StackPanel Grid.Row="0"  >
                        <StackPanel  Orientation="Horizontal">
                            <TextBlock Text="Payment" FontSize="25" ></TextBlock>
                            <TextBlock x:Name="tblkpayment" HorizontalAlignment="Right" FontSize="22" Margin="140,5,0,0" Width="160" Foreground="White"></TextBlock>
                        </StackPanel>
                        <StackPanel  Orientation="Horizontal">
                            <TextBlock  Text="DownPayment" FontSize="25" Foreground="White"></TextBlock>
                            <TextBlock x:Name="tblkdownpayment" HorizontalAlignment="Right" FontSize="22" Margin="80,5,0,0" Width="150" Foreground="White"></TextBlock>
                        </StackPanel>
                    </StackPanel>
                    <ListBox HorizontalAlignment="Left" Grid.Row="2" Name="listBox1" VerticalAlignment="Top" Margin="0,10,0,0" Foreground="White">
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <StackPanel Height="40" Orientation="Horizontal">
                                    <TextBlock Height="30" Width="30" HorizontalAlignment="Left" Margin="0,0,30,0" FontSize="22" Name="textBlock1" Text="{Binding Month}" VerticalAlignment="Top"  Foreground="White"/>
                                    <TextBlock Height="30" HorizontalAlignment="Left" Width="100" Margin="10,0,0,0" FontSize="22" Name="textBlock2" Text="{Binding Principal}" VerticalAlignment="Top"  Foreground="White"/>
                                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="10,0,20,0" Width="110" Name="textBlock3" FontSize="22" Text="{Binding Intrest}" VerticalAlignment="Top"  Foreground="White"/>
                                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="-25,0,30,0" Width="100" Name="textBlock4" FontSize="22" Text="{Binding Balance}" VerticalAlignment="Top"  Foreground="White"/>
                                </StackPanel>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>
                    <StackPanel Name="Headings" Grid.Row="1" Margin="-15,20,0,0" Orientation="Horizontal"  >
                        <TextBlock Height="37" Name="tbMonth" Margin="0,0,0,0" Text="Month" FontSize="25" Width="72" Foreground="White"/>
                        <TextBlock Height="37" Name="tbPrincipal" Margin="10,0,0,0" Text="Principal" FontSize="25" Width="103" Foreground="White"/>
                        <TextBlock Height="37" Name="tbInterest" Margin="6,0,0,0" Text="Interest" FontSize="25" Width="100" Foreground="White"/>
                        <TextBlock Height="37" Name="tbBalance" Text="Balance" Margin="6,0,0,0" Width="100" FontSize="25" Foreground="White"/>

                    </StackPanel>
                </Grid>

            </controls:PanoramaItem>

            <!--Panorama item home value projection-->
            <!--<controls:PanoramaItem x:Name="HomeValueProjection">
                <controls:PanoramaItem.Header>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="home value projection" FontSize="38" ></TextBlock>
                        <wb:ThemeableImage Source="/Images/appbar.feature.settings.rest.png" Width="48"   Height="48" MouseLeftButtonDown="Imagehome_MouseLeftButtonDown_1" ></wb:ThemeableImage>

                    </StackPanel>
                </controls:PanoramaItem.Header>
                <Grid x:Name="ContentPane2" Grid.Row="1"  Margin="12,0,12,0">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>

                    <StackPanel Grid.Row="1" Margin="0,40,0,0" >
                        <TextBlock Name="tbProjectedHomeValue" Text="Projected Home Value " Margin="1,0,0,0" FontSize="25" />
                        <TextBlock Name="tbProjectedHome" FontSize="30"  />
                        <TextBox  Name="txtProjectedHomeValue" Margin="-10,0,0,0" IsEnabled="False" />
                        <TextBlock  Name="tbHighProjection" Text="High Projection :" FontSize="25" Margin="-1,20,0,0" />
                        <TextBox    Name="txtHighProjection" Text="" Margin="-10,0,0,0" IsEnabled="False" />
                        <TextBlock Name="tbLowProjection" Text="Low Projection :" FontSize="25" Margin="0,20,0,0"  />
                        <TextBox   Name="txtLowProjection" Margin="-10,0,0,0" Text="" IsEnabled="False" />
                    </StackPanel>
                </Grid>

            </controls:PanoramaItem>-->

            <!--Panorama item compare loan by rate-->

            <controls:PanoramaItem x:Name="CRate">
                <controls:PanoramaItem.Header>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="compare by rate" FontSize="38"></TextBlock>
                        <!--<wb:ThemeableImage Source="/Images/appbar.feature.settings.rest.png" Width="48" Margin="85,0,0,0" Height="48" MouseLeftButtonDown="Imagecrate_MouseLeftButtonDown" ></wb:ThemeableImage>-->
                        <Image Source="/Images/appbar.feature.settings.rest.png" Width="48" Margin="85,0,0,0" Height="48" MouseLeftButtonDown="Imagecrate_MouseLeftButtonDown" ></Image>
                    </StackPanel>
                </controls:PanoramaItem.Header>
                <ScrollViewer>
                    <Grid x:Name="ContentPane3"  Margin="12,0,12,0">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>

                        <ListBox x:Name="lbxComLoanByRate" Grid.Row="2" Margin="0,35,0,0"  Foreground="White">
                            <ListBox.ItemTemplate>
                                <DataTemplate>
                                    <StackPanel Margin="0,33,0,0"    Orientation="Horizontal">
                                        <TextBlock Text="{Binding InterestRate}" TextWrapping="Wrap"  Width="60"  FontSize="20" Foreground="White"/>
                                        <TextBlock Text="{Binding MonthlyPayment}" TextWrapping="Wrap" Width="100"    FontSize="20" Foreground="White"/>
                                        <TextBlock Text="{Binding TotalPrinciple}" TextWrapping="Wrap" Width="90"  FontSize="20" Foreground="White"/>
                                        <TextBlock Text="{Binding TotalInterest}" TextWrapping="Wrap" Width="105"   FontSize="20" Foreground="White"/>
                                        <TextBlock Text="{Binding TotalPayments}" TextWrapping="Wrap" Width="120"  FontSize="20" Foreground="White"/>
                                    </StackPanel>
                                </DataTemplate>
                            </ListBox.ItemTemplate>
                        </ListBox>
                        <StackPanel Name="Heading" Grid.Row="1" Orientation="Horizontal" Margin="-10,30,0,17" >
                            <TextBlock Name="tbintrate" Text="Rate" FontSize="20" Width="50"   Foreground="White"/>
                            <TextBlock Name="tbmonthlypay"  Text="Monthly"  FontSize="20" Width="90"  Foreground="White" />
                            <TextBlock  Name="tbtotalprinc"  Text="Principle"  Width="90" FontSize="20"   Foreground="White"/>
                            <TextBlock  Name="tbtotalint"  Text="Interest"  FontSize="20" Width="105"  Foreground="White"/>
                            <TextBlock  Name="tbtotalpay" Text="Total"   FontSize="20" Width="120" Foreground="White"/>
                        </StackPanel>

                        

                    </Grid>
                </ScrollViewer>
            </controls:PanoramaItem>
            <!--Panorama item compare loan by term-->
            <controls:PanoramaItem x:Name="CTerm">
                <controls:PanoramaItem.Header>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="compare by term" FontSize="38" ></TextBlock>
                     
                        <Image Source="/Images/appbar.feature.settings.rest.png" Width="48"  Height="48" Margin="82,0,0,0" MouseLeftButtonDown="Imagecterm_MouseLeftButtonDown"></Image>
                    </StackPanel>
                </controls:PanoramaItem.Header>
                <ScrollViewer>
                    <Grid x:Name="ContentPane4"  Margin="12,0,12,0">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>

                        <ListBox x:Name="lbxComLoanByTerm" Grid.Row="2" Margin="-10,10,0,0" >
                            <ListBox.ItemTemplate>
                                <DataTemplate>
                                    <StackPanel Margin="0,0,0,0"  Orientation="Horizontal" Height="70" Width="450" >
                                        <TextBlock Text="{Binding TermOfMortgage}" TextWrapping="Wrap" Width="40"  FontSize="20" Foreground="White"/>
                                        <TextBlock Text="{Binding MonthlyPayments}" TextWrapping="Wrap"   Width="90" Margin="0,0,0,0" FontSize="20" Foreground="White"/>
                                        <TextBlock Text="{Binding TotalPrinciple}" TextWrapping="Wrap" Width="90" Margin="0,0,0,0" FontSize="20" Foreground="White"/>
                                        <TextBlock Text="{Binding TotalInterest}" TextWrapping="Wrap" Width="105" Margin="0,0,0,0" FontSize="20" Foreground="White"/>
                                        <TextBlock Text="{Binding TotalPayments}" TextWrapping="Wrap" Width="120" Margin="0,0,0,0" FontSize="20" Foreground="White"/>
                                    </StackPanel>
                                </DataTemplate>
                            </ListBox.ItemTemplate>
                        </ListBox>
                        <StackPanel Name="Heading1" Margin="-10,30,0,17" Grid.Row="1" Orientation="Horizontal"  >
                            <TextBlock  Name="tbtermmort"  Text="Term" Width="50" FontSize="20"  Foreground="White"/>
                            <TextBlock  Name="tbmonthlypay1" Margin="0,0,0,0" Text="Monthly" Width="90" FontSize="20"  Foreground="White"/>
                            <TextBlock  Name="tbtotalprinc1"  Text="Principle" Margin="0,0,0,0" Width="90" FontSize="20"   Foreground="White"/>
                            <TextBlock Name="tbtotalint1"  Text="Interest" Width="105" Margin="0,0,0,0" FontSize="20"  Foreground="White"/>
                            <TextBlock Name="tbtotalpay1" Text="Total" Width="120" Margin="0,0,0,0"  FontSize="20" Foreground="White"/>

                        </StackPanel>
                    

                    </Grid>
                </ScrollViewer>
            </controls:PanoramaItem>
            <!--Panorama item home rent vs buy-->
            <controls:PanoramaItem x:Name="rentvsbuy" FontSize="30">
                <controls:PanoramaItem.Header>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="rent vs buy" FontSize="40" Foreground="White"></TextBlock>
                        <!--<wb:ThemeableImage  ></wb:ThemeableImage>-->
                        <Image Source="/Images/appbar.feature.settings.rest.png" Width="48" Margin="170,0,0,0" Height="48" HorizontalAlignment="Right" VerticalAlignment="Center" MouseLeftButtonDown="Imagerentvsbuy_MouseLeftButtonDown"></Image>
                    </StackPanel>
                </controls:PanoramaItem.Header>
                <Grid x:Name="ContentPane5" Grid.Row="1" Margin="12,10,12,0">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="426*" />
                    </Grid.RowDefinitions>
                    <TextBlock Grid.Row="0" Text="Estimated Cost of Renting : " FontSize="25" Foreground="White"></TextBlock>
                    <TextBlock Grid.Row="1" Height="40" x:Name="tbECofRenting" Margin="0,10,0,0"  FontSize="25" Foreground="White"></TextBlock>
                    <TextBlock Grid.Row="2"  Text="Estimated Cost of Buying : " Margin="0,10,0,0" FontSize="25" Foreground="White"></TextBlock>
                    <TextBlock Grid.Row="3" Height="40" x:Name="tbECofBuying" Margin="0,10,0,0" FontSize="25" Foreground="White"></TextBlock>
                    <TextBlock Grid.Row="4"  TextWrapping="Wrap" x:Name="tbSummary" FontSize="25" Margin="0,10,0,0" Foreground="White"></TextBlock>
                    <!--<StackPanel Grid.Row="4" Margin="0,0,0">-->
                    <!--<AdMobnnerAd AdUnitID="a14d843798cffc6" HorizontalAlignment="Left" Name="bannerAd1" VerticalAlignment="Top" Width="400"/>-->
                    <!--<my:AdControl ApplicationId="4a5d4d4e2-4b73-8d01-1e2309659b46" AdUnitId="31104" AdModel="Contextual"  Width="480" Name="adControl1" Height="80"  Margin="-10,85,0,0"/>
                    </StackPanel>-->
                </Grid>
            </controls:PanoramaItem>
            <!--panorama item for Total Expensive-->
             
                <controls:PanoramaItem x:Name="TotalExpensive" FontSize="30">
                <controls:PanoramaItem.Header>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="total expenses" FontSize="40" Foreground="White"></TextBlock>
                        <!--<wb:ThemeableImage  ></wb:ThemeableImage>-->
                        <Image Source="/Images/appbar.feature.settings.rest.png" Width="48" Margin="100,0,0,0" Height="48" HorizontalAlignment="Right" VerticalAlignment="Center" MouseLeftButtonDown="ImageTotalExpensive_MouseLeftButtonDown"></Image>
                    </StackPanel>
                </controls:PanoramaItem.Header>
                <Grid x:Name="ContentPane6"  Margin="12,0,12,0">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>
                    <TextBlock Name="tbtimeperiods" FontSize="20" TextWrapping="Wrap" HorizontalAlignment="Left"   Foreground="White"/>

                    <StackPanel Orientation="Horizontal" Grid.Row="1">
                        <TextBlock Name="tbExpName" Text="Expensive Name" FontSize="20" Width="200"   Foreground="White"/>
                        <TextBlock Name="tbAmount"  Text="Amount"  FontSize="20" Width="90"  Foreground="White" />
                    </StackPanel>
                    
                    <!--<ScrollViewer VerticalScrollBarVisibility="Auto" Grid.Row="2">-->
                        <ListBox x:Name="ListTotalExpensive" Height="350" HorizontalAlignment="Left" Grid.Row="2"  VerticalAlignment="Top" Margin="0,10,0,0" Foreground="White">
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                            <StackPanel Margin="0,33,0,0"    Orientation="Horizontal">
                                    <TextBlock Text="{Binding ExpensiveName}" TextWrapping="Wrap" Width="200"  FontSize="20" Foreground="White"/>
                                    <TextBlock Text="{Binding Amount}" TextWrapping="Wrap"   Width="90" Margin="0,0,0,0" FontSize="20" Foreground="White"/>
                                </StackPanel>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>
                    <!--</ScrollViewer>-->
                    <TextBlock Name="tbsum" FontSize="20" Grid.Row="3" Margin="0,20,0,0" HorizontalAlignment="Left" VerticalAlignment="Center"   Foreground="White" />
                    <TextBlock Name="tbResult" FontSize="20" Grid.Row="4" Margin="0,20,0,0" HorizontalAlignment="Left" VerticalAlignment="Center"   Foreground="White" />

                </Grid>
            </controls:PanoramaItem>
                <!-- panoramaitem for estmated sales price-->
            <controls:PanoramaItem x:Name="EstmatedSalesPrice" FontSize="30">
                <controls:PanoramaItem.Header>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text=" Estimated Sales Price" FontSize="40" Foreground="White"></TextBlock>
                        <!--<wb:ThemeableImage  ></wb:ThemeableImage>-->
                        <Image Source="/Images/appbar.feature.settings.rest.png" Visibility="Collapsed" Width="40" Margin="2,0,0,0" Height="48" HorizontalAlignment="Right" VerticalAlignment="Center" MouseLeftButtonDown="Image_MouseLeftButtonDown_1"></Image>
                    </StackPanel>
                </controls:PanoramaItem.Header>
                <Grid x:Name="ContentPane7"  Margin="12,0,12,0">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>
                    <StackPanel Orientation="Horizontal" Margin="0,20,0,0" Grid.Row="1">
                     <TextBlock Grid.Row="0" Text="Total Loan Payments : " FontSize="25" Foreground="White"></TextBlock>
                      <TextBlock Grid.Row="1" Text="0" Height="40" x:Name="tbLoan" Margin="5,0,0,0"  FontSize="25" Foreground="White"></TextBlock>
                    </StackPanel>
                    <StackPanel Orientation="Horizontal" Grid.Row="4" Margin="0,20,0,0">
                        <TextBlock Grid.Row="0" Margin="-7,0,0,0" Text=" Total Agent Commission : " FontSize="25" Foreground="White"></TextBlock>
                        <TextBlock Grid.Row="0" Text="0" Name="txtTotalAgentCommission" FontSize="25" Foreground="White"></TextBlock>
                        <TextBlock Grid.Row="0" Visibility="Collapsed" Text="(% X Home Cost)" FontSize="25" Foreground="White"></TextBlock>
                        <TextBox Height="70" Visibility="Collapsed" HorizontalAlignment="Left" Margin="-10,0,0,0" Name="txtTotalAgentCommission1"  VerticalAlignment="Top" Width="170" Background="White" InputScope="TelephoneNumber" />
                    </StackPanel>
                    <StackPanel Orientation="Horizontal" Grid.Row="2" Margin="0,20,0,0">
                        <TextBlock Grid.Row="0" Text="Total Expense            : " FontSize="25" Foreground="White"></TextBlock>
                        <TextBlock Grid.Row="1" Height="40" Text="0" x:Name="tbTotalExp" Margin="5,0,0,0"  FontSize="25" Foreground="White"></TextBlock>
                    </StackPanel>
                    <StackPanel Orientation="Vertical" Grid.Row="5" Margin="0,40,0,0">
                    <TextBlock Grid.Row="0" Text="Estimated Sales Price : " FontSize="35" Foreground="White" Margin="0,0,-33,0"></TextBlock>
                     <TextBlock Grid.Row="1" Text="0" Height="40" x:Name="tbESP" Margin="24,9,0,0"  FontSize="25" Foreground="White"></TextBlock>
                    </StackPanel>
                    <StackPanel Margin="0,20,0,0" Orientation="Horizontal" Grid.Row="0">
                        <TextBlock Grid.Row="0" Text="Initial Cost                : " FontSize="25" Foreground="White"></TextBlock>
                        <TextBlock Grid.Row="0" Margin="9,0,0,0" x:Name="txtHomeCoastCal" Text="0" FontSize="25" Foreground="White"></TextBlock>
                    </StackPanel>
                    <StackPanel Margin="0,20,0,0"  Orientation="Horizontal" Grid.Row="3">
                        <StackPanel Orientation="Vertical">
                            <TextBlock Grid.Row="0" Text="Agent Commission" FontSize="25" Foreground="White"></TextBlock>
                        <StackPanel Orientation="Vertical">
                      <TextBox Height="70"  HorizontalAlignment="Left" Margin="-10,0,0,0" Name="txtAgentCommission" MouseLeave="txtAgentCommission_MouseLeave_1"  VerticalAlignment="Top" Width="100" Background="White" InputScope="TelephoneNumber" />
                     <TextBlock Text="%" FontSize="25" Margin="-140,0,0,0" Foreground="White" Width="25" />
                        </StackPanel>
                        </StackPanel>
                        <StackPanel Orientation="Vertical">
                            <TextBox Height="70"  HorizontalAlignment="Left" Margin="-90,30,0,0" Name="txtHomeCoastCal1"  VerticalAlignment="Top" Width="170" Background="White" InputScope="TelephoneNumber" />
                            <TextBlock Grid.Row="0" Margin="-80,0,0,0" Text="(Home Cost)" FontSize="19" Foreground="White"></TextBlock>
                        </StackPanel>
                    </StackPanel>
                </Grid>
            </controls:PanoramaItem>
                <!--Panorama item about us-->
            <controls:PanoramaItem x:Name="about" FontSize="30">
                <controls:PanoramaItem.Header>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="about" FontSize="38" ></TextBlock>
                        <TextBlock Margin="290,0,0,0" Text="?" FontSize="38"  Tap="TextBlock_Tap_1" ></TextBlock>
                    </StackPanel>
                </controls:PanoramaItem.Header>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <abt1:AboutUs></abt1:AboutUs>
                    <!--<ListBox Margin="15,0,0,0" x:Name="lbxAboutUs" Grid.Row="0" SelectionChanged="lbxAboutUs_SelectionChanged" ScrollViewer.VerticalScrollBarVisibility="Disabled" Foreground="White">
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <StackPanel Height="100">
                                    <TextBlock Text="{Binding Name}" Height="90"  FontSize="36" Style="{StaticResource PhoneTextLargeStyle}"/>
                                </StackPanel>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>
                    <StackPanel Grid.Row="1" VerticalAlignment="Top" Orientation="Horizontal" Height="80" Width="400" Margin="17,0,0,0">
                        <Image x:Name="image" Margin="8,10,20,10" Width="60" Height="60" Source="/AboutUs/Images/facebook.png" MouseLeftButtonDown="facebookImage_MouseLeftButtonDown" RenderTransformOrigin="0.5,0.5">
                            <Custom:Interaction.Triggers>
                                <Custom:EventTrigger EventName="MouseLeftButtonDown">
                                    <im:ControlStoryboardAction Storyboard="{StaticResource SbFacebook}"  />
                                </Custom:EventTrigger>
                            </Custom:Interaction.Triggers>
                            <Image.Projection>
                                <PlaneProjection/>
                            </Image.Projection>
                            <Image.RenderTransform>
                                <CompositeTransform/>
                            </Image.RenderTransform>
                        </Image>
                        <Image x:Name="image1" Margin="8,10,20,10" Width="60" Height="60" Source="/AboutUs/Images/twitter.png" MouseLeftButtonDown="twitterImage_MouseLeftButtonDown" RenderTransformOrigin="0.5,0.5">
                            <Custom:Interaction.Triggers>
                                <Custom:EventTrigger EventName="MouseLeftButtonDown">
                                    <im:ControlStoryboardAction Storyboard="{StaticResource SbTwitter}"/>
                                </Custom:EventTrigger>
                            </Custom:Interaction.Triggers>
                            <Image.RenderTransform>
                                <CompositeTransform/>
                            </Image.RenderTransform>
                        </Image>
                        <Image x:Name="image2" Margin="8,10,20,10" Width="60" Height="60" Source="/AboutUs/Images/youtube.png" MouseLeftButtonDown="youtubeImage_MouseLeftButtonDown" RenderTransformOrigin="0.5,0.5">
                            <Custom:Interaction.Triggers>
                                <Custom:EventTrigger EventName="MouseLeftButtonDown">
                                    <im:ControlStoryboardAction Storyboard="{StaticResource SbYoutube}"/>
                                </Custom:EventTrigger>
                            </Custom:Interaction.Triggers>
                            <Image.RenderTransform>
                                <CompositeTransform/>
                            </Image.RenderTransform>
                        </Image>
                        <Image x:Name="image3" Margin="8,10,20,10" Width="60" Height="60" Source="/AboutUs/Images/blog.png" MouseLeftButtonDown="blogImage_MouseLeftButtonDown" RenderTransformOrigin="0.5,0.5">
                            <Custom:Interaction.Triggers>
                                <Custom:EventTrigger EventName="MouseLeftButtonDown">
                                    <im:ControlStoryboardAction Storyboard="{StaticResource SbBlogger}"/>
                                </Custom:EventTrigger>
                            </Custom:Interaction.Triggers>
                            <Image.RenderTransform>

                                <CompositeTransform/>
                            </Image.RenderTransform>
                        </Image>
                    </StackPanel>-->
                </Grid>
            </controls:PanoramaItem>
        </controls:Panorama>
    </Grid>

    <!--Panorama-based applications should not show an ApplicationBar-->

</phone:PhoneApplicationPage>